<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link href="../css/register.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/booking_delivery-Homepage.css">
    <link rel="stylesheet" href="../css/booking_delivery.css">

</head>
<body>
<div class="head">
    <div class="container">
        <div class="option-first">
            <img src="../img/sdkd_log.png">
        </div>
        <div class="option" id="app">
            <a href="HomePage.html" >首页</a>
        </div>
        <div class="option">
            <a href="#" style="color: #6EC4FB;">预约寄件</a>
        </div>
        <div class="option">
            <a href="bulk-delivery.html">批量寄件</a>
        </div>
        <div class="option" style="background-color: white;">
            <a href="service-head.html">查询服务</a>
        </div>
        <div class="option">
            <a href="">个人中心</a>
        </div>
        <div class="option-last">
            <a id="log-out" href="login-head.html">登录</a>
            <a id="log-in" href="login-head.html">欢迎</a>
        </div>
    </div>
</div>
<div class="container">

    <div class="register-box" >
        <div class="find-title">
            <p>欢迎注册</p>
            <a  class="go_login" href="#">登录</a>
        </div>

        <div class="register-form">

            <div class="item">
                <p class="tips"></p>
                <div class="img-icon">
                    <img src="../images/icon_user.png" alt="">
                </div>
                <input class="input-txt" type="text"  id="phone"  name="phone"   placeholder="注册手机号">
            </div>

            <div class="item">
                <p class="tips"></p>
                <div class="img-icon" id="">
                    <img src="../images/icon_code.png" alt="">
                </div>
                <input class="input-txt code-txt" type="text"  id="code" name="code"   placeholder="请输入图片验证码">
                <a href="javascript:getImgCode()">
                    <img class="imgCode" id="imgCode"  style="width: 110px;height: 40px;line-height: 40px;cursor: pointer;margin-left: 10px;vertical-align: middle; max-width: 100%;border-radius: 3px;"title="点击刷新验证码" src="/sdkd/login/getImgCode.do"/>
                </a>
            </div>

            <div class="item">
                <p class="tips"></p>
                <div class="img-icon">
                    <img src="../images/icon_code.png" alt="">
                </div>
                <input class="input-txt code-txt" type="text"  id="phoneCode" name="phoneCode"   placeholder="请输入验证码">
                <span class="get-code">获取验证码</span>

            </div>

            <div class="item">
                <p class="tips"></p>
                <div class="img-icon">
                    <img src="../images/icon_pwd.png" alt="">
                </div>
                <input class="input-txt" type="password"  id="pwd"  name="pwd"   placeholder="请输入密码">
            </div>

            <div class="item">
                <p class="tips"></p>
                <div class="img-icon">
                    <img src="../images/icon_pwd.png" alt="">
                </div>
                <input class="input-txt" type="password"  id="confirmPwd"  name="pwd"   placeholder="请输入密码">
            </div>
            <div class="register-btn">注册</div>

        </div>
    </div>
</div>
<div class="foot">
    <div class="top">
        <div class="top-body">
            <div class="middle">
                <div class="href" style="margin-top: 30px;">
                    <div class="img">
                        <img src="../img/foot/outlets.svg">
                    </div>
                    &emsp;网点查询
                </div>
                <div class="href">
                    <div class="img">
                        <img src="../img/foot/service.svg">
                    </div>
                    &emsp;产品服务
                </div>
            </div>
            <div class="middle">
                <div class="href" style="margin-top: 30px;">
                    <div class="img">
                        <img src="../img/foot/prescription.svg">
                    </div>
                    &emsp;运费时效
                </div>
                <div class="href">
                    <div class="img">
                        <img src="../img/foot/prohibit.svg">
                    </div>
                    &emsp;禁寄物品
                </div>
                <div class="in">

                </div>
            </div>
            <div class="qr_code">
                <div class="main">
                    <img src="../img/foot/1.png" style="width: 100%;height: 100%;">
                </div>
                <div class="img">
                    <img src="../img/foot/weixin.svg">
                </div>
                <div class="text">
                    &emsp;微信公众号
                </div>
            </div>
            <div class="qr_code">
                <div class="main">
                    <img src="../img/foot/1.png" style="width: 100%;height: 100%;">
                </div>
                <div class="img">
                    <img src="../img/foot/qq.svg">
                </div>
                <div class="text">
                    &emsp;QQ公众号
                </div>
            </div>
            <div class="qr_code">
                <div class="main">
                    <img src="../img/foot/1.png" style="width: 100%;height: 100%;">
                </div>
                <div class="img">
                    <img src="../img/foot/alipay.svg">
                </div>
                <div class="text">
                    &emsp;支付宝服务窗
                </div>
            </div>
            <div class="qr_code">
                <div class="main">
                    <img src="../img/foot/1.png" style="width: 100%;height: 100%;">
                </div>
                <div class="img">
                    <img src="../img/foot/app.svg">
                </div>
                <div class="text">
                    &emsp;瞬达APP
                </div>
            </div>
            <div class="interval">

            </div>
            <div class="logo">
                <img src="../img/foot/2.png">
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="text">
            瞬达快递 版权所有 <a href="#">沪ICP备13044869号</a>
        </div>

    </div>
</div>
<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/register.js"></script>
</body>
</html>